<extend name="Public:base" />
<block name="css">
    <link href="__CSS__/plugins/select2/select2.css" rel="stylesheet"/>
    <link href="__CSS__/plugins/waitMe/waitMe.min.css" rel="stylesheet">
    <link href="__CSS__/plugins/toastr/toastr.min.css" rel="stylesheet"/>
</block>
<block name="js">
    <script src='__JS__/plugins/select2/select2.js'></script>
</block>
<block name="content">
    <div class="ibox float-e-margins">
        <div class="col-lg-8">
            <div class="ibox-content clearfix">
                <table class="table table-striped table-bordered table-hover dataTables-example">
                    <tbody>
                    <volist name="widgets" id="vo">
                        <tr>
                            <td>{$vo.name}<br/>{$vo.desc}</td>
                            <td>
                                <a href="javascript::">添加至侧栏</a>
                                <div class="form-content" style="display:none;">
                                    {$vo.form}
                                </div>
                            </td>
                        </tr>
                    </volist>
                    </tbody>
                </table>
            </div>
        </div>
        <!--挂件区域-->
        <div class="col-lg-4">
            <div class="ibox-content clearfix">
                <div class="panel-body">
                    <div class="panel-group" id="accordion">
                        <volist name="addedWidget" id="widget" key='k'>
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h5 class="panel-title">
                                        <a aria-expanded="true" href="tabs_panels.html#collapse{$k}" data-toggle="collapse" data-parent="#accordion">{$widgets[$key]['name']}</a>
                                    </h5>
                                </div>
                                <div class="panel-collapse collapse" id="collapse{$k}" aria-expanded="false" style="height: 0px;">
                                    <div class="panel-body">
                                        {$widget.form}
                                    </div>
                                </div>
                            </div>
                        </volist>
                    </div>
                </div>
            </div> 
        </div>
</block>